<template>
  <ph-view>
    <ph-blockquote type="primary">该组件为独立组件<br/><a href="https://www.npmjs.com/package/ph-message" target="_blank">npm 地址</a></ph-blockquote>
    <ph-tab>
      <ph-tab-panel title="案例展示">
        <ph-preview url="/message-free"/>
        <message-cmp/>
      </ph-tab-panel>
      <ph-tab-panel title="script">
        <ph-pretty>{{usage}}</ph-pretty>
      </ph-tab-panel>
      <ph-tab-panel title="基本介绍">
        <ph-pretty>{{intro}}</ph-pretty>
      </ph-tab-panel>
    </ph-tab>
  </ph-view>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { PhView, PhTab, PhTabPanel, PhBlockquote } from "@/index";
import MessageCmp from './free/message.vue'
import *  as Data from '../data/message'
export default defineComponent({
  components: {
    PhView,
    PhTab,
    PhTabPanel, 
    PhBlockquote,
    MessageCmp,
  },
  setup() {
    return { ...Data };
  },
});
</script>
